<div class="ganttTaskBox zzj-scrollbar">
  <div class="toolHeader" [style.width]="headerWidth+'px'">
    <div class="column"></div>
    <div class="column select">
      <label nz-checkbox [(ngModel)]="isAllselected" (ngModelChange)="selectAllTask()"></label>
    </div>
    <div class="column id">项</div>
    <div class="column taskName" [style.width]="taskNameWidth+'px'">任务名称</div>
    <div class="column resize-bar" (mousedown)="dragstartHandler($event, 'taskName')"></div>
    <!-- <div class="column prevTask" [style.width]="prevTaskWidth+'px'">前置任务</div> -->
    <!-- <div class="column resize-bar" (mousedown)="dragstartHandler($event, 'prevTask')"></div> -->
    <!-- <div class="column startDate">计划开始时间</div> -->
    <!-- <div class="column duration">工期</div> -->
    <!-- <div class="column endDate">计划完成时间</div> -->
    <!-- <div class="column actualStartDate">实际开始时间</div> -->
    <!-- <div class="column actualDuration">工期</div> -->
    <!-- <div class="column actualEndDate">实际完成时间</div> -->
    <div class="column finishRate">完成率</div>
    <div class="column finishSubmit">完成</div>
    <!-- <div class="column submit">属性</div> -->
  </div>
  <div class="task-list">
    <!-- <ng-container *ngFor="let task of showTask;let i = index">
      <div class="row" *ngIf="task.isDelte==true"></div>
    </ng-container> -->
    <div class="row" *ngFor="let task of ganttService.showTask;let i = index" [ngClass]="{'gantt_selected':task.IsSelected}" [style.width]="headerWidth+'px'">
      <div class="column">
        <i *ngIf="task.bindings&&task.bindings.length > 0" class="anticon anticon-tag"></i>
        <i *ngIf="task.isMilepost" class="anticon anticon-environment"></i>
      </div>
      <div class="column select">
        <label nz-checkbox [(ngModel)]="task.IsSelected" (click)="clickCheckBox(task)"></label>
      </div>
      <!-- 项 -->
      <div class="column id">
        {{task.id}}
      </div>
      <!-- 任务名称 -->
      <div class="column taskName" [ngClass]="{'isKey':ganttService.showKeyTask && task.isKey}" [style.width]="taskNameWidth+'px'"
        [style.padding-left]="getChildPadding(task) + 'px'" (click)="clickTaskName(task)">
        <i *ngIf="task.childTaskID.length > 0 && !task.isFold" class="anticon anticon-caret-down" (click)="foldTaskLevel(task)"></i>
        <i *ngIf="task.childTaskID.length > 0 && task.isFold" class="anticon anticon-caret-right" (click)="openTaskLevel(task)"></i>
        <div class="taskName" [style.padding-left]="getChildPadding(task) + 'px'">
          <!-- <input nz-input [(ngModel)]="task.taskName"> -->
          <span>{{task.taskName}}</span>
          <!-- <input type="text" [(ngModel)]="task.taskName" (ngModelChange)="task.taskNameChange($event)"> -->
        </div>
      </div>
      <div class="column resize-bar" (mousedown)="dragstartHandler($event, 'taskName')"></div>
      <!-- 前置任务 -->
      <!-- <div class="column prevTask" [style.width]="prevTaskWidth+'px'" (click)="showSettings(task)">
        <span>{{showRelation(task)}}</span>
      </div> -->
      <!-- <div class="column resize-bar" (mousedown)="dragstartHandler($event)"></div> -->
      <!-- <div class="column"><nz-input-number [(ngModel)]="task.prevTask" [nzMin]="1" [nzMax]="10" [nzStep]="1"></nz-input-number></div> -->
      <!-- 计划开始时间 -->
      <!-- <div class="column startDate">
        <nz-date-picker [(ngModel)]="task.startDate" (ngModelChange)="updateServiceData(task)"
          [nzAllowClear]="false"></nz-date-picker>
      </div> -->
      <!-- 工期 -->
      <!-- <div class="column duration" (click)="showSettings(task)">
        <span>{{task.showDuration}}</span>
      </div> -->
      <!-- 计划完成 -->
      <!-- <div class="column endDate">
        <nz-date-picker [(ngModel)]="task.endDate" (ngModelChange)="updateServiceData(task)"
          [nzAllowClear]="false"></nz-date-picker>
      </div> -->
      <!-- 实际开始 -->
      <!-- <div class="column actualStartDate">
        <span [ngClass]="{'greenFont':task.allFinished}">{{task.actualStartDate|dateTimePipe:'date'}}</span>
      </div> -->
      <!-- 实际工期 -->
      <!-- <div class="column actualDuration">
        <span [ngClass]="{'greenFont':task.allFinished}">{{task.showActualDuration}}</span>
      </div> -->
      <!-- 实际完成 -->
      <!-- <div class="column actualEndDate">
        <span [ngClass]="{'greenFont':task.allFinished}">{{task.actualEndDate|dateTimePipe:'date'}}</span>
      </div> -->
      <!-- 完成百分比 -->
      <div class="column finishRate">
        <span *ngIf="!(task.childTaskID.length > 0) &&task.bindings&& task.bindings.length>0">{{task.finishRate|ganttPipe:'finishRate'}}</span>
      </div>
      <!-- 已完工作 -->
      <div class="column finishSubmit">
        <i *ngIf="!(task.childTaskID.length > 0) && !task.allFinished" class="anticon anticon-cloud-upload-o" (click)="showBinds(task)"></i>
        <i *ngIf="!(task.childTaskID.length > 0) && task.allFinished" class="anticon anticon-eye" (click)="showBinds(task)"></i>
      </div>

      <!-- 提交工作 -->
      <!-- <div class="column submit">
        <i class="anticon anticon-cloud-upload-o" (click)="bindingAttrs(task)"></i>
      </div> -->
      <div class="clearfix"></div>
    </div>
  </div>
  <!-- <nz-modal [nzVisible]="isVisible" [nzTitle]="'选择完成时间'" [nzContent]="listContent" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <ng-template #listContent>
      <nz-date-picker [(ngModel)]="uuidDate" placeholder="'Select date'" [nzAllowClear]="false"></nz-date-picker>
    </ng-template>
  </nz-modal> -->
</div>